header {
    width: 1907px;
    height: 36px;
    background-color: #404040;

    ul {
        width: 975px;
        height: 36px;

        margin: 0 auto;
        display: flex;

        justify-content: space-between;

        li {
            font-size: 13px;
            height: 100%;
            display: flex;
            align-items: center;
            color: #fff;

            &:last-child {
                width: 200px;
            }

            a {
                margin: 0 8px;
                color: #fff;
            }
        }
    }
}

nav {
    width: 975px;
    height: 34px;
    background-color: #fff;
    margin: 15px auto;
    display: flex;
    position: static;
    top: 10px;
    justify-content: space-between;

    .in {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ccc;

        a {
            font-size: 14px;
            border-right: 1px solid #ccc;
        }

        span {
            margin-top: 4px;
            font-size: 20px !important;


        }

    }
}

main {
    width: 975px;
    min-height: 34px;
    margin: 0 auto;

    section {
        &:first-child {
            margin-top: 60px;
        }

        &:nth-child(2) {
            width: 100%;
            height: 172px;
            margin-top: 30px;
            display: flex;

            div {
                width: calc(100%/3);
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;

                i {
                    font-size: 60px !important;
                }

                span {
                    font-size: 16px;
                    margin-top: 15px;
                }


            }
        }

        &:nth-child(3) {
            padding-left: 15px;

            width: 975px;
            min-height: 34px;

            ul {

                width: 682px;
                ;
                height: 100%;

                li {
                    width: 100%;
                    height: 237px;
                      border-bottom: 1px solid #ccc;
                     border-top: 1px solid #ccc;
                     .list{
                         margin-top: 15px;
                         height: 158px;
                         width: 100%;
                         img{
                             width: 20%;
                             height: 100%;
                         }
                     }
                     h1{
                         width: 100%;
                         height: 21px;
                         display: flex;
                         align-items: center;
                         font-size: 14px;
                         margin-top: 12px;
                         justify-content: space-between;
                         p{
                           
                           display: flex;
                           
                             &:first-child{
                                 width: 50%;
                                 i{
                                     display: block;
                                     background-color: aqua;
                                     border-radius: 6px;
                                     margin-right: 6px;
                                 }
                             }
                         }
                     }
                }

            }
            h2{
                width: 100%;
                height: 84px;
                border-bottom: 1px solid #ccc;
               p{
                   width: 130px;
                   font-size: 18px;
                   margin: 30px 170px;  
                   border:1px solid royalblue;
                   text-align: center;
                   border-radius: 6px;
               }
            }

        }
    }
}
footer{
    width: 665px;
   height: 116px;
    border:1px solid #ccc;
    margin:  15px auto;
    margin-bottom: 150px;
    h1{
        font-size: 17px;
    }
    div{
      height: 130px;
      width: 100%;  
      a{
          font-size: 14px;
          margin: 10px;
          margin-top: 20px;
      }
    }
    img{
        width: 955px;
        height: 126px;
      transform: translateX(-200px);
      margin-bottom: 150px;
        }
}
